<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 数组是有序的 ，靠顺序去读数据

        // 对象是无序的 ， 靠键名(属性名)去读数据  --- 更直观

        var arr = ['叶开' , 19 , '男' , function() {console.log('hi')}] ;

        arr[3]() ;

        console.log(arr[0]) ;


        // var name = '叶开' ; 
        // var age = 19 ; 
        // var sex = '男' ;
        // var say = function(){
        //     console.log('hi') ;
        // }

        // var arr = [
        //     '0' : '叶开' ,
        //     '1' : 19 ,
        //     '2' : '男' ,
        //     '3' : function() {}
        // ]

        var obj = {
            name : '叶开' , 
            age : 19 ,
            sex : '男' ,
            say : function() {
                console.log('hello world') ;
            } ,
            name : '工具人'
        }

        console.log(obj['name']) ;



        // for in 是遍历对象
        // for(var i in arr) {
        //     console.log(i) ;   // i 是字符串
        //     i == arr.length 
        // }

        // i === arr.length   for


        // 遍历对象
        for(var key in obj) {
            console.log(key) ;
            // key不是这个对象的属性，而是一个变量 ,只能使用方括号语法
            console.log(obj[key]) ;
        }

        // 专门用于遍历数组 --- 不能用于遍历对象
        // for(var v of obj) {
        //     console.log(v) ;
        // }


    </script>
    
</body>
</html>